// 1像素边框
.bor1px(@color:#e0e0e0){
    position: relative;
    &:after{
        content: '';
        position: absolute;
        left: 0;
        bottom:0;
        width:100%;
        height: 1px;
        background-color:@color;
        transform: scaleY(0.5);
    }
}
.bor1pxTop(@color:#e0e0e0){
    position: relative;
    &:before{
        content: '';
        position: absolute;
        left: 0;
        top:0;
        width:100%;
        height: 1px;
        background-color:@color;
        transform: scaleY(0.5);
    }
}

// border-radius
.br(@radius:4px){
    border-radius: @radius
}

// 字体大小
.ft(@size:0.24rem){
    font-size:@size;
}

// 居中
.tc{
    text-align: center;
}

// 高宽
.wh(@width,@heigth){
    width:@width;
    height: @heigth;
}
//上下居中
.layout-vertical{
    display: -webkit-flex;
    align-items: center;
}

//左右居中
.layout-around{
    display: -webkit-flex;
    justify-content: center;
}

//两边
.layout-between{
    display: -webkit-flex;
    justify-content: space-between;
}

//上下左右居中
.layout-center{
    display: -webkit-flex;
    justify-content: center;
    align-items:center;
}
.layout-between-height{
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

//文字overflow
.textoverflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

// icon小图标展示
.bgimg(@width,@height,@url){
    width: @width;
    height: @height;
    background: url(@url) no-repeat;
    background-size: contain;
}

// 导航图标
.icon-nav{
    .wh(0.5rem,0.5rem);
    background:url('../img/icon-nav.png');
    background-size: contain; 
}
// 初始化
.init{
    height: 100%;
    background:#f3f3f3;
}

.ivu-form .ivu-form-item-label {
    font-size: 0.22rem;
    text-align: left;
  }

  .ivu-radio-wrapper {
    font-size: 0.24rem;
  }